/* CSS Document */
*{margin:0; padding:0;}
ul,li,ol{list-style:none;}
body{color:#333; font-size:12px; line-height:18px;}
a:link,a:visited{color:#2864B4; text-decoration:none;}
a:hover{color:#ff6600;}
.clear{clear:both;}
.wrap{width:970px; margin:0 auto;}
a.red{color:#EA6200;}
a img{border:0;}
.under_line:link,.under_line:visited{text-decoration:underline;}
.high_ttl{color:#2864B4; font-family:Arial, Helvetica, sans-serif;}
#top_nav{border-bottom:1px solid #ECEFF0;}
#top_nav a:link,#top_nav a:visited{color:#666; text-decoration:none;}
#top_nav a:hover{color:#ff6600;}
.top_in{background-color:#F3F3F3; height:22px; line-height:22px; border-top:1px solid #E7E7E7; border-bottom:1px solid #D8E0E5; padding:0 16px; color:#666666;}
.wel_txt{float:left;}
.rgt_nav{float:right; width:150px;}
.rgt_nav ul{text-align:right;}
.rgt_nav ul li{float:left; padding:0 5px;}
.logo_area{height:125px; border-bottom:1px solid #E0E5EA; text-align:center;}
.prom_area{display:none;}
#content{margin-top:10px; margin-bottom:20px;}
#side_bar{width:230px; float:left; overflow:hidden;}
#main_cnt{width:730px; float:right; overflow:hidden;}
.log_ttl,.serv_ttl,.partner_ttl{height:29px; line-height:29px; background:url(../images/sdoindex/side_pic.gif) no-repeat left top;}
.log_ttl h2,.serv_ttl h2,.partner_ttl h2{font-size:14px; padding:0 13px;}
.log_ttl h2 .ttl_txt,.serv_ttl h2 .ttl_txt,.partner_ttl h2 .ttl_txt{float:left;}
.log_ttl h2 .more,.partner_ttl h2 .more{float:right; font-size:12px; font-weight:normal;}
.log_cnt{border:1px solid #DBE1E6; border-top:none; border-bottom:none; height:146px; overflow:hidden;}
.log_box{height:91px; background:url(../images/sdoindex/dotline_bg.gif) repeat-x left bottom; padding:6px 13px; position:relative; overflow:hidden;}
.log_box p.username_row{height:30px; line-height:30px; clear:both;}
.log_box p.password_row{height:30px; line-height:30px; clear:both; margin-top:1px;}
.log_box p.username_row label,.log_box p.password_row label{display:inline-block; float:left; width:41px; }
.log_box p.username_row .log_span,.log_box p.password_row .log_span{padding-left:3px; width:158px; display:inline-block; padding-top:3px; height:27px; float:left; overflow:hidden;}
.log_box p.password_row .log_span{position:relative;}
.soft_keyb{position:absolute; width:17px; height:17px; index:10; right:4px; top:6px; background:url(../images/sdoindex/icon_prod.gif) no-repeat left bottom;}
.log_box p.username_row input,.log_box p.password_row input{height:16px; width:152px; padding:2px; border:1px solid #C5CED7;}
.log_box p.log_row{height:25px; padding-left:44px; padding-top:5px; position:relative;}
.find_pswd{position:absolute; left:140px; top:10px; display:block; width:60px;}
.reg_box{height:43px;}
.reg_txt,.reg_txt2{height:43px; width:136px; display:inline-block; float:left; text-indent:-3000px; background:url(../images/sdoindex/txt_havenoacc.gif) no-repeat right 10px;}
.reg_txt2{background:url(../images/sdoindex/txt_havenoacc2.gif) no-repeat right 10px;}
.reg_btn{display:inline-block; float:left; padding-top:9px; width:78px; height:24px; background:url(../images/sdoindex/btn_reg.gif) no-repeat center 8px; text-indent:-9999px; height:43px;}
.reg_btn2{display:inline-block; float:left; padding-top:9px; width:78px; height:24px; background:url(../images/sdoindex/btn_reg2.gif) no-repeat center 8px; text-indent:-9999px; height:43px;}
.user_img{float:left; padding:5px; border:1px solid #E6E6E6;margin-right:4px;}
.user_logname{height:24px; line-height:24px; display:block; margin-top:3px; position:relative; font-family:sans-serif;}
.quit{position:absolute; right:0; top:2px;}
.passport,.qualify,.safety{width:62px; height:20px; line-height:20px; background:url(../images/sdoindex/icon_logged.gif) no-repeat 2px 2px; padding-left:24px; position:absolute; left:15px; top:80px;}
.qualify{background:url(../images/sdoindex/icon_logged.gif) no-repeat left -24px; left:90px; padding-left:20px;}
.safety{background:url(../images/sdoindex/icon_logged.gif) no-repeat left -48px; left:150px; padding-left:20px;}
.points_own{width:120px; height:24px; line-height:24px; text-align:center; float:left; color:#666; background:url(../images/sdoindex/index_main.gif) no-repeat left -361px; margin:10px 3px 5px 14px; display:inline;}
.btn_charge{width:82px; height:24px; display:block; float:left; margin:10px 2px 5px 0;}


.charge_cnt,.serv_cnt,.partner_cnt{padding:10px; border:1px solid #DBE1E6; border-top:none; border-bottom:none; width:208px;}
.partner_cnt{height:72px; overflow:hidden;}
.serv_btm,.partner_btm{height:2px; background:url(../images/sdoindex/side_pic.gif) no-repeat left -43px; overflow:hidden; margin-bottom:10px; clear:both;}
.charge_cnt p{height:28px; line-height:28px;}
.charge_cnt p label{width:44px; display:inline-block; float:left;}
.charge_cnt p span{display:inline-block; float:left; padding-left:3px; width:158px; overflow:hidden;}
.input_charge{height:16px; width:152px; padding:2px; border:1px solid #C5CED7;}
.charge_cnt p select{width:158px; border:1px solid #C5CED7;}
.charge_cnt p #input_else{width:40px; height:16px; padding:2px; border:1px solid #C5CED7; margin-left:5px; display:none;}
.charge_cnt p select option{color:#666666;}
.charge_cnt p.charge_row{padding-left:45px;}
.serv{ position:relative;}
.serv_cnt{height:314px; overflow:hidden; padding-bottom:0;width:198px; padding-left:20px;}
.serv_cnt ul{ height:288px; overflow:hidden; float:left;}
.serv_cnt ul li{height:32px; font-size:14px; font-weight:bold; line-height:32px; background:url(../images/sdoindex/index_main.gif) no-repeat left -528px; overflow:hidden; float:left; width:218px;}
.serv_cnt ul li.serv1 a,.serv_cnt ul li.serv2 a,.serv_cnt ul li.serv3 a,.serv_cnt ul li.serv4 a,.serv_cnt ul li.serv5 a,.serv_cnt ul li.serv6 a,.serv_cnt ul li.serv7 a,.serv_cnt ul li.serv8 a,.serv_cnt ul li.serv9 a{display:inline; height:32px; line-height:32px; padding-left:35px; background:url(../images/sdoindex/icon_serv.gif) no-repeat left 5px; overflow:hidden; float:left;}
.serv_detail{font-size:12px; color:#777; font-weight:normal; padding-left:5px; height:32px; line-height:32px;position:absolute; left:97px; display:none;}
.serv_cnt ul li.serv2 a{background-position:left -27px;}
.serv_cnt ul li.serv3 a{background-position:left -59px;}
.serv_cnt ul li.serv4 a{background-position:left -91px;}
.serv_cnt ul li.serv5 a{background-position:left -123px;}
.serv_cnt ul li.serv6 a{background-position:left -155px;}
.serv_cnt ul li.serv7 a{background-position:left -187px;}
.serv_cnt ul li.serv8 a{background-position:left -219px;}
.serv_cnt ul li.serv9 a{background-position:left -251px;}
.more_serv{ height:26px; overflow:hidden; clear:left;}
.more_serv li{font-family:sans-serif; width:50px; float:left; text-align:center; padding-top:5px;}
.serv_detail{font-size:12px; color:#777; font-weight:normal; padding-left:0;}
.side_bnr{height:110px; width:230px; overflow:hidden; position:relative; margin-bottom:10px;}
.partner_cnt ul{float:left;}
.partner_cnt ul li{width:100px; float:left; height:40px; text-align:center;}

.big_outer{width:730px; height:177px;  position:relative; margin-bottom:10px;}
#big_bnr{width:730px; height:177px; overflow:hidden; position:relative;}
.cnr_l_t,.cnr_l_b,.cnr_r_t,.cnr_r_b{width:1px; height:1px; overflow:hidden; background-color:#fff; position:absolute; left:0px; top:0px; z-index:20;}
.cnr_l_b{  top:176px;}
.cnr_r_t{  left:729px;}
.cnr_r_b{  left:729px; top:176px;}
#ifocus_piclist li{display:none;}
#ifocus_opdiv{position:absolute; left:0; bottom:-1px; width:730px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); z-index:10;}
#ifocus_btn{height:35px; width:728px; position:absolute; left:0; bottom:-1px; z-index:100; padding-left:8px;}
#ifocus_btn li{width:120px; height:33px; float:left; cursor:pointer; color:#fff; text-align:center; opacity:0.7; filter:alpha(opacity=70); padding-top:2px; font-size:14px; font-weight:bold;}
#ifocus_btn li span{height:29px; width:70px; display:block; line-height:29px; padding-left:50px; text-align:left;}
#ifocus_btn li#p0 span{background:url(../images/sdoindex/bnr_icon.gif?20100203) no-repeat 15px 1px;}
#ifocus_btn li#p1 span{background:url(../images/sdoindex/bnr_icon.gif?20100203) no-repeat 15px -37px;}
#ifocus_btn li#p2 span{background:url(../images/sdoindex/bnr_icon.gif?20100203) no-repeat 15px -75px;}
#ifocus_btn li#p3 span{background:url(../images/sdoindex/bnr_icon.gif?20100203) no-repeat 15px -113px;}
#ifocus_btn li#p4 span{background:url(../images/sdoindex/bnr_icon.gif?20100203) no-repeat 15px -151px;}
#ifocus_btn li.current{ opacity:1; filter:alpha(opacity=100); position:relative; }

.sdo_provide{height:29px; line-height:29px; background:url(../images/sdoindex/index_main.gif) repeat-x left -401px; margin-bottom:10px;color:#777;}
.sdo_provide dl{height:29px; background:url(../images/sdoindex/index_main.gif) no-repeat right -481px;}
.sdo_provide dl dt{width:130px; padding-left:13px; font-size:14px; font-weight:bold; color:#2864B4; float:left; background:url(../images/sdoindex/index_main.gif) no-repeat left -443px;}
.sdo_provide dl dd{float:left; width:110px; padding-left:18px;}
.sdo_provide dl dd.prod1{background:url(../images/sdoindex/icon_prod.gif) no-repeat left 7px; width:160px; padding-left:22px;}
.sdo_provide dl dd.prod2{background:url(../images/sdoindex/icon_prod.gif) no-repeat left -18px;}
.sdo_provide dl dd.prod3{background:url(../images/sdoindex/icon_prod.gif) no-repeat left -43px; width:90px;}
.sdo_provide dl dd.prod4{background:url(../images/sdoindex/icon_prod.gif) no-repeat left -68px;}

.coming_soon{height:60px; background:url(../images/sdoindex/index_main.gif) repeat-x left top; overflow:hidden; margin-bottom:10px;}
.coming_soon h2{width:34px; height:60px; float:left; background:url(../images/sdoindex/index_main.gif) no-repeat left -155px; text-indent:-3000px;}
.coming_scroll{width:674px; height:48px; float:left; background:url(../images/sdoindex/index_main.gif) no-repeat right -77px; padding:6px 0 6px 22px; overflow:hidden; position:relative;}
#new_game_in{width:624px; overflow:hidden; position:absolute; left:0 ; top:0;}
.coming_scroll ul{width:624px; height:24px; line-height:24px; overflow:hidden;}
.coming_scroll ul li{width:104px; height:24px; line-height:24px; float:left;}
#scroll_up{width:13px; height:13px; position:absolute; right:15px; top:12px; background:url(../images/sdoindex/icon_prod.gif) no-repeat left -123px;}
#scroll_down{width:13px; height:13px; position:absolute; right:15px; top:35px; background:url(../images/sdoindex/icon_prod.gif) no-repeat left -148px;}

.main_prod_ttl,.recom_ttl{background:url(../images/sdoindex/index_main.gif) repeat-x left -237px; height:29px; clear:both;}
.main_prod_ttl h2,.recom_ttl h2{height:29px; background:url(../images/sdoindex/index_main.gif) no-repeat right -321px;}
.main_prod_ttl h2 .ttl_txt,.recom_ttl h2 .ttl_txt{height:29px; width:130px; background:url(../images/sdoindex/index_main.gif) no-repeat left -279px; padding-left:13px; font-size:14px; line-height:29px; display:inline-block; float:left;}
.main_prod_ttl h2 .ttl_define,.recom_ttl h2 .ttl_define{float:left; height:29px; line-height:29px; display:inline-block; font-size:12px; color:#666; font-weight:normal; color:#81A4D1;}
.main_prod_ttl h2 .more,.recom_ttl h2 .more{float:right;}

.main_prod{border:1px solid #DBE1E6; padding:5px 0; padding-bottom:0; border-top:none; border-bottom:none; float:left; width:728px; overflow:hidden;}
.main_prod_btm1,.recom_prod_btm1{height:1px; overflow:hidden; border:2px solid #DBE1E6; border-top:none; border-bottom:none; clear:both;}
.main_prod_btm2,.recom_prod_btm2{height:1px; overflow:hidden; border:1px solid #fff; background-color:#DBE1E6; border-top:none; border-bottom:none; margin-bottom:10px; clear:both;}
.main_prod dl{padding:4px 13px; float:left;}
.main_prod dt{width:75px; float:left; display:block; font-weight:bold; font-size:14px; color:#EA6200; padding-top:3px; background:none;}
.main_prod dd{width:624px; float:left; display:block;}
.main_prod dd ul{width:624px;  float:left; background:url(../images/sdoindex/dotline_bg.gif) repeat-x left bottom; padding-bottom:3px;}
.main_prod dd ul li{height:24px; line-height:24px; width:104px; float:left; font-size:14px; overflow:hidden;}
.main_prod #leisure_game dd ul{background:none;}
.recom_prod{border:1px solid #DBE1E6; padding:7px 10px 6px 10px; width:708px; border-top:none; border-bottom:none; float:left; overflow:hidden;}
.recom_prod ul li{width:100px; float:left; height:22px; line-height:22px; font-size:12px;}
.scroll_game{height:110px; overflow:hidden; background:#DCE0E6 url(../images/sdoindex/index_main.gif) no-repeat left -571px;}
.game_inner{height:97px; overflow:hidden; padding:8px 29px; position:relative; background:url(../images/sdoindex/index_main.gif) no-repeat right -691px;}
#ad_scroll{height:100px; overflow:hidden; width:1344px;position:absolute; left:0; top:0;}
.scroll_game ul li{width:147px; height:82px; padding:7px; float:left; margin-right:7px; background:url(../images/sdoindex/side_pic.gif) no-repeat left -173px;}
#scroll_crtl_l{ width:20px; height:20px; position:absolute; left:5px; top:45px; cursor:pointer; background:url(../images/sdoindex/icon_prod.gif) left -174px;}
#scroll_crtl_r{width:20px; height:20px; position:absolute; right:7px; top:45px; cursor:pointer; background:url(../images/sdoindex/icon_prod.gif) left -204px;}

#foot{height:150px; text-align:center; line-height:24px; color:#666;}
#foot ul.foot_tab{width:640px; height:14px; margin:7px auto; overflow:hidden;}
#foot ul.foot_tab li{display:inline-block; padding:0 10px; float:left; height:12px; line-height:12px; border-left:1px solid #CCCCCC; padding-top:1px; overflow:hidden; margin-left:-2px;}
#foot ul.foot_tab li a:link,#foot ul.foot_tab li a:visited{color:#666;}
#foot ul.foot_tab li a:hover{color:#ff6600;}
#foot ul.foot_tab li.high a:link,#foot ul.foot_tab li.high a:visited{color:#2864B4;}
.safety_logo{margin-top:5px;}

#skb{top:255px;display:none;left:238px;position:absolute;padding:5px;border:solid 1px #dbe1e6;background:#fff; z-index:999999; text-align:center ; width:500px;}
